<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>服装款式</title>
    <%@ include file="/WEB-INF/views/include/head.jsp"%>
    <script src="${ctxStatic}/js/jquery-1.9.1.min.js"></script>
    <script src="${ctxStatic}/js/DateTimePicker.js"></script>
    <script src="${ctxStatic}/js/layer.js"></script>
    <script src="${ctxStatic}/js/style.js"></script>
   	<script src="${ctxStatic}/dateCalendar/WdatePicker.js"></script>
    <link rel="stylesheet" href="${ctxStatic}/css/common_erp.css">
    <link rel="stylesheet" href="${ctxStatic}/css/list.css">
    <script>
    $(document).ready(function() {
        $(window.parent.$('#dtBox1')).DateTimePicker(
                {
                    dateFormat: "yyyy-MM-dd HH:mm",
                    parentElement: ".timeBox",
                }
        );

    });
	
        //检索 
    function searchListForm() {
    	var params = $("#searchForm").serialize();
    	$("#activity_pane").showLoading();
		$.post("${ctx}/customization/monitor/searchList",params, function(result) {
			var listHtml = result["customizationContract"];
			var pageHtml = result["page"];
			$("#listHtml").html(listHtml);
			$("#paging").html(pageHtml);
			$("#activity_pane").hideLoading();
		}, 'json');
	}
        
	//重置
	function clean() {
		$("input").val("");
		$("select").val("");
		searchListForm();
	}   
    </script>
    <style type="text/css">
    /* 大货订单 */
    .table-dhddbj{width:50px;}
    .table-dhddhtddh{width:180px;}
    .table-dhddzt{width:120px;}
    .table-dhddkh{width:250px;}
    .table-dhddsl{width:120px;}
    .table-dhddjhrq{width:200px;}
    .table-dhddzcrq{width:120px;}
    .table-dhddqdrq{width:120px;}
    .table-dhddcjz{width:120px;}
    </style>
</head>
<body>
<form id="searchForm">
<div class="listArea" id="activity_pane">
	<div class="listBg">
        <div class="searchArea clearfix">
            <div class="searchLeft clearfix" style="width: 1200px;">
                <div class="searchInp clearfix">
                    <p><spring:message code="contract_order" /></p>
                    <input class="w-styleNub" id="contractNO" name="contractNO" value="">
                </div>
                <div class="searchInp clearfix">
                    <p><spring:message code="contract_customer" /></p>
                    <input class="w-customer" id="venderName" name="venderName" value="">
                </div>
                <div class="searchInp clearfix">
                    <p><spring:message code="contract_date" /></p>
                    <div class="timeBox">
							<input type="text" class="laydate-icon" onclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',onpicked:null})"
								id="dateStart" name="dateStart" style="width: 110px">
							<p class="list">~</p>
							<input type="text" class="laydate-icon" onclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',onpicked:null})" id="dateEnd" name="dateEnd"
								style="width: 110px" >
                    </div>        
                </div>               
            </div>
            <div class="searchRight clearfix">
            <!-- 导入 -->
                <button type="button" onclick="searchListForm();"><spring:message code="commom_check" /></button>
                <button type="button" onclick="clean();"><spring:message code="common_reset" /></button>
                <%-- <button type="button" onclick="popup('1000px','650px','${ctx}/bigcargo/order/createBigcargoOrder')"><spring:message code="contract_create" /></button> --%>
            </div>
        </div>
        <div class="tableArea">
            <div class="tableScrollSm" style = "height:710px;overflow: auto;width: 1268px;">
                <table cellpadding="0" class="tableHead">
                    <thead>
                    <tr>
                        <th><p class="table-No"><spring:message code="common_no" /></p></th>
                        <th><p class="table-dhddhtddh"><spring:message code="contract_code" /></p></th>
                        <th><p class="table-dhddkh"><spring:message code="contract_styleCustomer" /></p></th>
                        <th><p class="table-dhddsl"><spring:message code="contract_orderQuantity" /></p></th>
                        <th><p class="table-dhddqdrq"><spring:message code="contract_issueDate" /></p></th>
                        <th><p class="table-dhddjhrq"><spring:message code="contract_deliveryDate" /></p></th>
                        <th><p class="width-100px"><spring:message code="contract_status" /></p></th>
                        <th><p class="width-100px"><spring:message code="production_status" /></p></th>
                        <th><p class="table-dhddcjz"><spring:message code="contract_infoDetail" /></p></th>
                    </tr>
                    </thead>
                </table>
                <table cellpadding="0" class="tableBody">
                    <tbody id="listHtml">
                    </tbody>
                </table>
            </div>
         </div>
    
    </div>
	<div id = "paging" ></div>    
	</div>
</form>
<script type="text/javascript">
$(document).ready(function(){
	searchListForm();
	});
</script> 
</body>
</html>
